// 购物车效果
var cate=document.querySelector('.cate');
var cate_hide=document.querySelector('.cate-hide');
cate.onmouseover=function(){
    cate_hide.style.display='block';
}
cate.onmouseout=function(){
    cate_hide.style.display='none';
}
//轮播图效果
var banner_imgs=document.querySelector('.banner-imgs');
var pre=document.querySelector('.pre');
var next=document.querySelector('.next');
var banner_imgs_data=['1.webp','2.webp','3.webp','4.webp','5.webp'];
var num=0;
setInterval("next_imgs()",7000);
next.onclick=function(){
    num++;
    if(num==banner_imgs_data.length){
        num=0;
    }
    banner_imgs.src='/static/images/'+banner_imgs_data[num];
}
function next_imgs(){
    num++;
    if(num==banner_imgs_data.length){
        num=0;
    }
    banner_imgs.src='/static/images/'+banner_imgs_data[num];
}
pre.onclick=function(){
    num--;
    if(num<0){
        num=banner_imgs_data.length-1;
    }
    banner_imgs.src='/static/images/'+banner_imgs_data[num];
}
// 隐藏列表
var tab_li=document.querySelector('.banner-left').querySelectorAll('li');
var content_items=document.querySelector('.hiden_item').querySelectorAll('.item');
var hiden_item=document.querySelector('.hiden_item');
for(var i=0;i<tab_li.length;i++){
    tab_li[i].setAttribute('index',i);
        
    tab_li[i].onmouseover=function(){
        
        hiden_item.style.display="block";
        
        var index=this.getAttribute('index');
        
        for(var i=0;i<content_items.length;i++){
            content_items[i].style.display='none';
        }
        content_items[index].style.display='block';
        
    }

    tab_li[i].onmouseout=function(){
        
        hiden_item.style.display="none";
        
    }  
}